<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="SHBALI-3">SHBALI–3: Balinese Musical Diacritics</h3>

<div class="desc">
  A correct implementation should be able to render Balinese diacritical marks for musical symbols.
</div>

<table>
  <tr>
    <th></th>
    <td>1B6B</td>
    <td>1B6C</td>
    <td>1B6D</td>
    <td>1B6E</td>
    <td>1B6F</td>
    <td>1B70</td>
    <td>1B71</td>
    <td>1B72</td>
    <td>1B73</td>
  </tr>

  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="SHBALI-3/1"
        ft:render="᭦᭫" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/1.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/1.gid107" overflow="visible"><path d="M-158,745 Q-172,756 -191,762 Q-210,768 -225,768 Q-245,768 -254,759 Q-263,750 -263,737 Q-263,718 -245,703 Q-228,688 -200,688 Q-137,688 -116,720 L-97,708 Q-110,669 -141,644 Q-171,620 -205,620 Q-250,620 -276,651 Q-302,682 -302,734 Q-302,779 -282,808 Q-263,836 -229,836 Q-204,836 -179,819 Q-155,802 -138,763 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/1.gid102" /><use x="560" y="-10" xlink:href="#SHBALI-3/1.gid107" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/2"
        ft:render="᭦᭬" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/2.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/2.gid108" overflow="visible"><path d="M-158,-230 Q-172,-220 -191,-214 Q-210,-208 -225,-208 Q-245,-208 -254,-217 Q-263,-226 -263,-238 Q-263,-258 -245,-273 Q-228,-288 -200,-288 Q-137,-288 -116,-255 L-97,-268 Q-110,-307 -141,-331 Q-171,-356 -205,-356 Q-250,-356 -276,-325 Q-302,-293 -302,-242 Q-302,-197 -282,-168 Q-263,-139 -229,-139 Q-204,-139 -179,-156 Q-155,-174 -138,-212 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/2.gid102" /><use x="573" y="49" xlink:href="#SHBALI-3/2.gid108" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/3"
        ft:render="᭦᭭" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/3.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/3.gid109" overflow="visible"><path d="M-463,823 Q-387,797 -313,791 Q-309,834 -309,854 Q-309,888 -319,902 Q-329,917 -349,917 L-384,887 L-401,909 Q-364,953 -348,965 Q-332,978 -323,978 Q-295,978 -280,950 Q-264,922 -264,877 Q-264,836 -271,789 Q-174,789 -87,813 L-75,782 Q-173,746 -280,737 Q-288,695 -307,614 L-339,626 Q-331,664 -321,735 L-329,735 Q-422,735 -511,759 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/3.gid102" /><use x="652" y="-10" xlink:href="#SHBALI-3/3.gid109" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/4"
        ft:render="᭦᭮" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/4.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/4.gid110" overflow="visible"><path d="M-463,823 Q-366,789 -272,789 Q-176,789 -87,813 L-75,782 Q-134,760 -204,748 Q-274,735 -329,735 Q-422,735 -511,759 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/4.gid102" /><use x="652" y="-98" xlink:href="#SHBALI-3/4.gid110" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/5"
        ft:render="᭦᭯" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/5.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/5.gid111" overflow="visible"><path d="M-261,949 Q-269,929 -287,894 Q-262,836 -202,759 Q-141,681 -87,645 L-104,615 Q-227,688 -322,833 Q-410,696 -543,615 L-560,645 Q-411,749 -341,937 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/5.gid102" /><use x="667" y="-10" xlink:href="#SHBALI-3/5.gid111" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/6"
        ft:render="᭦᭰" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/6.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/6.gid112" overflow="visible"><path d="M-401,909 Q-364,953 -348,965 Q-332,978 -323,978 Q-295,978 -280,950 Q-264,922 -264,877 Q-264,851 -267,823 Q-168,824 -87,848 L-75,816 Q-160,785 -250,774 Q-225,737 -186,700 Q-148,663 -122,645 L-138,615 Q-217,662 -281,734 L-307,614 L-339,626 Q-332,663 -321,735 Q-351,705 -392,671 Q-434,637 -470,615 L-487,645 Q-414,697 -355,770 Q-437,772 -511,793 L-463,857 Q-387,831 -310,825 L-309,854 Q-309,888 -319,902 Q-329,917 -349,917 L-384,887 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/6.gid102" /><use x="667" y="-10" xlink:href="#SHBALI-3/6.gid112" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/7"
        ft:render="᭦᭱" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/7.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/7.gid113" overflow="visible"><path d="M-463,921 Q-366,887 -272,887 Q-176,887 -87,911 L-75,879 Q-160,848 -256,837 Q-219,776 -172,723 Q-125,670 -87,645 L-104,615 Q-226,688 -322,833 Q-411,696 -543,615 L-560,645 Q-454,719 -388,835 Q-451,840 -511,857 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/7.gid102" /><use x="667" y="-10" xlink:href="#SHBALI-3/7.gid113" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/8"
        ft:render="᭦᭲" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/8.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/8.gid114" overflow="visible"><path d="M-457,870 Q-432,811 -400,756 Q-369,702 -324,659 Q-243,812 -92,916 L-87,836 Q-238,742 -311,603 Q-435,688 -514,820 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/8.gid102" /><use x="667" y="-10" xlink:href="#SHBALI-3/8.gid114" /></svg></td>

    <td class="expected" ft:id="SHBALI-3/9"
        ft:render="᭦᭳" ft:font="NotoSansBalinese-Regular.ttf"><svg version="1.1" viewBox="0 -726 664 1794"><symbol id="SHBALI-3/9.gid102" overflow="visible"><path d="M226,-9 Q149,18 106,90 Q63,163 63,265 Q63,391 137,468 Q211,545 333,545 Q454,545 527,468 Q600,390 600,265 Q600,167 556,93 Q513,19 438,-9 L420,33 Q482,59 517,120 Q551,181 551,267 Q551,359 492,411 Q434,462 329,462 Q230,462 171,410 Q112,357 112,267 Q112,179 147,118 Q182,56 243,35 Z" /></symbol><symbol id="SHBALI-3/9.gid115" overflow="visible"><path d="M-255,969 Q-185,969 -134,916 Q-83,864 -83,794 Q-83,723 -134,671 Q-185,620 -255,620 Q-326,620 -378,671 Q-430,723 -430,794 Q-430,864 -378,916 Q-327,969 -255,969 Z M-255,660 Q-199,660 -160,700 Q-122,739 -122,794 Q-122,849 -161,889 Q-199,929 -255,929 Q-312,929 -351,889 Q-390,850 -390,794 Q-390,739 -351,699 Q-312,660 -255,660 Z M-255,840 Q-237,840 -225,827 Q-212,814 -212,796 Q-212,778 -225,765 Q-237,752 -255,752 Q-273,752 -286,765 Q-299,778 -299,796 Q-299,814 -286,827 Q-273,840 -255,840 Z" /></symbol><use x="0" y="0" xlink:href="#SHBALI-3/9.gid102" /><use x="599" y="-10" xlink:href="#SHBALI-3/9.gid115" /></svg></td>
  </tr>

  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="SHBALI-3/1"/>
    <td class="observed" ft:id="SHBALI-3/2"/>
    <td class="observed" ft:id="SHBALI-3/3"/>
    <td class="observed" ft:id="SHBALI-3/4"/>
    <td class="observed" ft:id="SHBALI-3/5"/>
    <td class="observed" ft:id="SHBALI-3/6"/>
    <td class="observed" ft:id="SHBALI-3/7"/>
    <td class="observed" ft:id="SHBALI-3/8"/>
    <td class="observed" ft:id="SHBALI-3/9"/>
  </tr>

  <tr>
    <th class="conformance-header">Conformance</th>
    <td class="conformance" ft:id="SHBALI-3/1"/>
    <td class="conformance" ft:id="SHBALI-3/2"/>
    <td class="conformance" ft:id="SHBALI-3/3"/>
    <td class="conformance" ft:id="SHBALI-3/4"/>
    <td class="conformance" ft:id="SHBALI-3/5"/>
    <td class="conformance" ft:id="SHBALI-3/6"/>
    <td class="conformance" ft:id="SHBALI-3/7"/>
    <td class="conformance" ft:id="SHBALI-3/8"/>
    <td class="conformance" ft:id="SHBALI-3/9"/>
  </tr>

</table>
</body>
</html>
